@extends("home.base")

@section("pageContent")
    <div class="main-nav clearfix is-ts-sticky">
        <div class="container">
            <div class="row justify-content-between">
                <nav class="navbar navbar-expand-lg col-lg-8">
                    <div class="site-nav-inner float-left">
                        <button class="navbar-toggler" type="button" data-toggle="collapse"
                                data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                aria-expanded="true" aria-label="Toggle navigation">
                            <span class="fa fa-bars"></span>
                        </button>
                        <!-- End of Navbar toggler -->
                        <div id="navbarSupportedContent" class="collapse navbar-collapse navbar-responsive-collapse">
                            <ul class="nav navbar-nav">
                                @foreach($types as $type)
                                    <li>
                                        <a href="">{{$type->name_ch}}</a>
                                    </li>
                                @endforeach
                            </ul><!--/ Nav ul end -->
                        </div><!--/ Collapse end -->

                    </div><!-- Site Navbar inner end -->
                </nav><!--/ Navigation end -->

                <div class="col-lg-4 text-right nav-social-wrap">
                    <div class="nav-search">
                        <a href="#search-popup" class="xs-modal-popup">
                            <i class="icon icon-search1"></i>
                        </a>
                    </div><!-- Search end -->

                    <div class="zoom-anim-dialog mfp-hide modal-searchPanel ts-search-form" id="search-popup">
                        <div class="modal-dialog modal-lg">
                            <div class="modal-content">
                                <div class="xs-search-panel">
                                    <form class="ts-search-group">
                                        <div class="input-group">
                                            <input type="search" class="form-control" name="s" placeholder="Search"
                                                   value="">
                                            <button class="input-group-btn search-button">
                                                <i class="icon icon-search1"></i>
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div><!-- End xs modal -->
                </div>
            </div><!--/ Row end -->
        </div><!--/ Container end -->
    </div><!-- Menu wrapper end -->

    <section class="main-content pt-3">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="entry-header">
                        <div class="post-thumb thumb-fullwidth">
                            <video controls class="img-fluid" src="{{$movie->movie}}" alt=""></video>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row ts-gutter-30">
                <div class="col-lg-8">
                    <div class="single-post">
                        <div class="post-header-area">
                            <h2 class="post-title title-lg">{{$movie->name_ch}}</h2>
                        </div><!-- post-header-area end -->
                    </div><!-- single-post end -->
                </div><!-- col-lg-8 -->
            </div><!-- row end -->
        </div><!-- container end -->
    </section><!-- category-layout end -->
@endsection
